<template>
	<view class="app">
		<!-- 页面内容开始 -->
		<cool-navbar v-model="serVal" :avatar="vk.getVuex('$user.userInfo.avatar')||null"></cool-navbar>
		<view class="head">
			<view class="head_title">
				<text style="font-weight: 700;">应用中心</text>
				<view class="" style="width: 360rpx;font-size: 25rpx;color: #999999;">
					<text>致力于为在校大学生提供更加方便有趣生活方式的综合服务应用</text>
				</view>
			</view>
			<view class="head_img">
				
				<u-image height="200" width="300"  :src="imgTop"></u-image>
			</view>
		</view>
		<view class="body">
			<u-card title="最近使用">
				<view class="content" slot="body">
					<u-icon @click="nav_score" size="80" label-pos="bottom" label="成绩查询" :name="histroy.mark"> </u-icon>
					<u-icon size="80" label-pos="bottom" label="学生评价" :name="histroy.score"> </u-icon>
					<u-icon size="80" label-pos="bottom" label="素拓表" :name="histroy.sutuo"> </u-icon>
					<u-icon size="75" label-pos="bottom" label="校历" :name="histroy.xiaoli"> </u-icon>
				</view>
			</u-card>
		</view>


		<!-- 页面内容结束 -->
	</view>
</template>

<script>
	var that; // 当前页面对象
	var vk; // vk依赖
	export default {
		data() {
			// 页面数据变量
			return {
				imgTop:require('../../static/app/top.png'),
				histroy:{
					mark:require('../../static/app/cj.png'),
					score:require('../../static/app/pj.png'),
					sutuo:require('../../static/app/sutuo.png'),
					xiaoli:require('../../static/app/xiaoli.png')
				},
				avatar: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2F2021%2Fedpic%2F0b%2F17%2F04%2F0b1704a9741f4e7ddd07939877dd3590_1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643518167&t=1b98f6f16c4d584177b6db7d136dcdd8',
				// init请求返回的数据
				data: {

				},
				// 表单请求数据
				form1: {

				},
				scrollTop: 0,
				serVal: ''
			}
		},
		onPageScroll(e) {
			that.scrollTop = e.scrollTop;
		},
		// 监听 - 页面每次【加载时】执行(如：前进)
		onLoad(options = {}) {
			that = this;
			vk = that.vk;
			that.options = options;
			that.init(options);
		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady() {},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {},
		// 函数
		methods: {
			// 页面数据初始化函数
			init(options) {
				if (!options) options = that.options;
				console.log("init: ", options);

			},
			nav_score(){
				uni.navigateTo({
					url:'../score/score'
				})
			}
		},
		// 监听器
		watch: {

		},
		// 计算属性
		computed: {

		}
	}
</script>
<style lang="scss" scoped>
	.app {
		.head {
			
			width: 100vw;
			height: 200rpx;
			position: relative;
			.head_title {
				position: absolute;
				top: 21%;
				left: 6%;
				z-index: 1;
			}
			.head_img {
				position: absolute;
				right: 6%;
			}
		}
		.body {
			// margin-top: 150rpx;
			padding: 10rpx 30rpx 10rpx;
			.content {
				
				display: flex;
				justify-content: space-around;
			}
		}
	}
</style>
